<template>
	<view class="commentList">
		<view class="listItem noBorBot">
			<view class="itemImg hasFlex" style="height: auto;">
				<view class="headImg big"> 
					<image class="samePar" v-if="detInfo.userPortrait == ''" src="../../../../static/images/defHead.png"></image>
					<image class="samePar" v-else :src="getCloudFilePath(detInfo.userPortrait)"></image>
				</view>
				<view class="askTopTit">
					<view class="askName">{{detInfo.askTitle}}</view>
					<view class="puber hasFlex">
						<view class="name">{{detInfo.realName}}</view>
						<view>{{detInfo.addTime}}</view>
					</view>
				</view>
			</view>
			<view class="queCon" style="font-size: 30rpx;line-height: 50rpx;">
				<jyf-parser :html="detInfo.askContent" :selectable="true"></jyf-parser>
			</view>
			<view class="listBot hasFlex">
				<!-- plNum  添加一个dzNum -->
				<view class="favor" style="margin-right: 50rpx;">
					<text class="iconfont icon-message" style="color: #dcdcdc;"></text>
					<text>{{detInfo.plNum}}</text>
				</view>
				<view class="favor" @tap="dzQue">
					<view class="iconfont icon-favor" v-if="detInfo.dzTag == 0"></view>
					<view class="iconfont icon-favor spec" v-if="detInfo.dzTag == 1"></view>
					<text>{{detInfo.upNum}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import jyfParser from "@/components/jyf-parser/jyf-parser";
	export default {
		components:{
			jyfParser
		},
		props:{
			detInfo:Object
		},
		methods:{
			dzQue(){
				this.$emit('dzQue')
			}
		}
	}
</script> 

<style lang='scss' scoped>
	@import '@/static/scss/zxsPj.scss'; 
	.itemImg{
		margin-bottom: 20rpx;
		padding-top: 20rpx;
	}
	.askTopTit{
		width: 90%; 
		.askName{
			font-size: $font-size30;
			color: $pss-text-color3;
		}
		.puber{
			font-size: $font-size26;
			color: $pss-text-colora;
			.name{
				margin-right: 15rpx;
			}
		}
	}
	.commentList{
		padding: 0rpx 30rpx 0;
		background: #fff;
		/* height: 240rpx; */
		.icon-favor{
			font-size: $font-size26;
			color: $pss-text-colord;
			&.spec{
				color: $pss-color-red;
			}
		}
	}
</style>